<template>
  <div class="list_menu diy_menu">
    <router-link
            to="/user_center/index"
            class="menu_item"
            :class="{ selected: this.$route.path=== '/user_center/index'}"
     >
      <span class="left_span">个人首页</span>
      <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
    </router-link>
    <router-link
            to="/regular_users/table"
            class="menu_item"
            :class="{ selected: this.$route.path=== '/regular_users/table'}"
            v-if="user_group == '管理员' || $check_action('/regular_users/table','get')">
      <span class="left_span">普通用户</span>
      <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
    </router-link>
    <router-link
            to="/clothing_mall/table"
            class="menu_item"
            :class="{ selected: this.$route.path=== '/clothing_mall/table'}"
            v-if="user_group == '管理员' || $check_action('/clothing_mall/table','get')">
      <span class="left_span">服装商城</span>
      <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
    </router-link>
    <router-link
            to="/clothing_specifications/table"
            class="menu_item"
            :class="{ selected: this.$route.path=== '/clothing_specifications/table'}"
            v-if="user_group == '管理员' || $check_action('/clothing_specifications/table','get')">
      <span class="left_span">服装规格</span>
      <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
    </router-link>
    <router-link
            to="/exchange_forum/table"
            class="menu_item"
            :class="{ selected: this.$route.path=== '/exchange_forum/table'}"
            v-if="user_group == '管理员' || $check_action('/exchange_forum/table','get')">
      <span class="left_span">交流论坛</span>
      <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
    </router-link>
    <router-link
            to="/activity_tasks/table"
            class="menu_item"
            :class="{ selected: this.$route.path=== '/activity_tasks/table'}"
            v-if="user_group == '管理员' || $check_action('/activity_tasks/table','get')">
      <span class="left_span">活动任务</span>
      <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
    </router-link>

    
  <router-link
              to="/user/collect"
              class="menu_item"
              :class="{ selected: this.$route.path=== '/collect/list'}"
              v-if="user_group == '管理员' || $check_action('/collect/list','get')">
        <span class="left_span">收藏</span>
        <span class="right_span"><b-icon icon="house-fill"></b-icon></span>
  </router-link>
  </div>
</template>

<script>
import mixin from "@/mixins/page.js";
export default {
  mixins: [mixin],
  data() {
    return {
    };
  },
  mounted() {
  },
  methods: {
  },

  components: {
  },
};
</script>

<style scoped>
.list_menu {
  flex: 0 0 25%;
  border-bottom: 1px solid #eee;
}
.menu_item {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
  border: 1px solid #eee;
  border-bottom: none;
  background-color: #fff;
}
.menu_item.selected {
  background-color: #000;
}
.menu_item.selected span {
  color: #fff ;
}
.content {
  flex: 0 0 74%;
}
</style>
